<template>
<div>
  <input type="text" class="box1">
</div>
</template>
<script>
export default {
    setup() {
        
    },

}
</script>
<style scoped>
.box1:focus-within{
    width: 1000px;
  animation: circleOpen 0.2s infinite;
  animation-iteration-count: 1;
}
</style>